理解vue的渲染watch、compute
这篇文章将带大家全面理解vue的渲染watcher、computed和user watcher，其实computed和user watcher都是基于Watcher来实现的，我们通过一个一个功能点去敲代码，让大家全面理解其中的实现原理和核心思想。所以这篇文章将实现以下这些功能点：实现数据响应式基于渲染wather实现首次数据渲染到界面上数据依赖...
2024-01-10
vue怎么写put请求
我是这样写的报错如图求助回答这得看你$http是啥库啊, 比如axios: /** * 重考 * * @param examPaperId * @param studentNo */ examAgain({ examPaperId, studentNo }) { return axios.put('/examInfo/examAgain', { examPaperId, ...
2024-01-10
谷歌Compute Engine的调整大小的启动盘
我只是谷歌计算引擎的文件，在阅读： < < 注：计算引擎正在与相应的操作系统社区和厂商最终将所有的操作系统自动调整根分区。因此，我们建议您偶尔检查以确保操作系统仍然需要执行此步骤，并且随着时间的推移，此步骤将在所有操作系统中完全删除。 >>谷歌Compute Engine的调整大小的启动盘...
2024-01-10
VUE----watch和compute
1.computed:计算属性computed是一个对象，而里面需要计算的属性是一个函数的返回值。计算属性默认只有getter，可以在需要的时候自己设定setter。在data中没有直接声明出要计算的变量，也可以直接在computed中写入。computed适用场景2.computed与methods区别：计算属性是基于它们的响应式依赖进行缓存的。只在...
2024-01-10vue升级之路之vue-router的使用教程
使用 Vue 构建的项目，一个页面是由多个组件构成的，而且经常是做成单页面应用，所以在跳转页面的时候，传统的 href 已经跟不上时代的步伐了，于是 vue-router 应运而生在使用 vue-router 的时候，需要看看自己是否装了这个依赖，没有的话可以使用 npm install vue-router -S ，不过现在构建vue项目时有可以选...
2024-01-10
vue使用better-scroll实现滑动以及左右联动
本文实例为大家分享了vue实现滑动以及左右联动效果的具体代码，供大家参考，具体内容如下一、首先需要在项目中引入better-scroll1. 在package.json 直接写入 "better-scroll":"^1.15.1" 版本以github上为准（目前最新）2.cpnm install 在node_modules 可以查看版本是否安装3.直接在你的组件里面写入import BScroll from '...
2024-01-10浅谈vue-router路由切换 组件重用挖下的坑
问题描述：vue-router导航切换 时，如果两个路由都渲染同个组件，组件会重（chong）用,组件的生命周期钩子不会再被调用,使得组件的一些数据无法根据 path的改变得到更新翻车现场再现：这是我的/router/index.js 的内容节选export default new Router({ routes: [ { path: '/main', component: Main }, { path: '/get', componen...
2024-01-10
Vue-router插件使用
Vue是单页面开发，即页面不刷新。 页面不刷新，而又要根据用户选择完成内容的更新该怎么做？Vue中采用锚点来完成。 如访问http://127.0.0.1#/index就是主页，而访问http://127.0.0.1#/home就是家目录。 手动分析url组成与处理视图的切换非常麻烦，所以Vue提供插件Vue-router，它能够根据用户...
2024-01-10
vue静态路由vue-router怎么使用
静态路由vue-router使用路由可以方便我们访问多个组件，后面也会使用到路由跳转中安装:npm install vue --save-devnpm install vue-router --save-dev引入模块router在App.vue里面加写入 <router-view></router-view>在命令提示行输入 “npm run dev” 执行项目在浏览器输入域名地址 “域名地址+路由地址” 如： http://localhost:...
2024-01-10
vue-router如何更新路由信息
背景在 App.vue 文件中通过 addRoutes 动态添加路由。访问路由 /login，我发现 this.$route 返回的数据中，meta.a 却是 undefined。如果一秒后再次访问 this.$route，meta.a 为 1。这是为何？create() { const routes = [{ path: "login", name: "login", component: () => import(\'./login.vue), meta: { a: ...
2024-01-10
vue-computed计算属性
计算属性：用来封装你想对一个属性进行的操作computed VS mothod实现的效果和定义一个methods中的function相同，但是他们的区别在于：methods的function当触发重新渲染时总会重新执行，而计算属性是基于他们的依赖进行缓存的，只有在它的相关依赖进行改变时才会改变，这就意味着它的相关依赖没有发生改...
2024-01-10
vue-cli3路由vue-router用法
安装npm install vue-router导入vue-router// main.js文件内// 导入vue-routerimport Vue from 'vue' // vue-router是以来vue的import VueRouter from 'vue-router' // 导入vue-router，注意import VueRouter 不能写成 import Vue-Router，因为不支持带-的写法。// 必须要通过 Vue.use() 明确地安装路由功能Vue.use(VueRoute...
2024-01-10
Vue-cli3如何添加路由（router）
之前使用的vue-cli2的是否可以在创建项目时直接引入vue-router，但是现在Vue-cli3新建项目后却少了很多东西，我们需要自己来安装使用路由。具体方案如下：安装路由npm install vue-router创建router.js与mian.js同级router.js中的内容为import Vue from 'vue'import Router from 'vue-router' //组件模块import Main from './components/...
2024-01-10vue实现同一个页面可以有多个router-view的方法
使用Vue+Element搭建项目的时候，为了避免一个页面过大，将tab里面的内容分成多个页面，并使用同级视图展示<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户详情" name="first"> <router-view></router-view> </el-tab-pane> <el-tab-pane label="用户组" name="second"> <router-vi...
2024-01-10
初始化一个vue项目，需要安装的插件
1、安装element-ui：npm i element-ui -S2、安装sass：npm install sass-loader -Dnpm install node-sass -D3、...
2024-01-10Vue使用zTree插件封装树组件操作示例
本文实例讲述了Vue使用zTree插件封装树组件操作。分享给大家供大家参考，具体如下：1.通过npm安装jquerynpm install jquery --save-dev2.在build/webpack.base.conf文件当中引入jquerymodule.exports = { ... resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '...
2024-01-10
服务器安装googlechrome
越来越多的网站开始使用前后端分离导致html页面的数据需要通过js进行加载渲染，常规的爬虫模式已经无法进行抓取数据了。安装Google Chromecd /ect/yum.repos.d/vim google-chrome.repo编辑内容[google-chrome]name=google-chromebaseurl=http://dl.google.com/linux/chrome/rpm/stable/x86_64enabled=1gpgcheck=1gpgkey=https://dl.google....
2024-01-10
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
前言公司的一个项目大致是这样的：一个左侧列表，点击左侧列表的文章标题，右侧展开该文章对应的内容的。现在的问题出现在极少部分客户有时左侧的标题，无法打开对应的右侧的内容，给人的改进就是‘卡'、点不动、点了没反应。再大致介绍下项目环境：chrome 44(打包到用户客户端内)Vue 2.6....
2024-01-10
如何查找查看Chrome扩展安装的文件
不管是因为你怀疑Chrome扩展是恶意的，你想创建一个最喜欢的和已停止使用的扩展的备份，还是你只想看看扩展是如何工作的，知道如何查找和查看Chrome扩展安装的文件是很有用的。在本教程中，我们将提供两种方法，您可以使用它们来查看与Chrome扩展名关联的文件。第一种方法是查看计算机上安装...
2024-01-10docker volume自定义安装点
我是Docker的新手，我正在玩docker volume。我想指定dockervolume存储数据的位置。就像-v我们执行时提供选项一样docker run。 创建时，如何设置自定义 docker volume。我在文档上找不到任何选项。当我检查音量[ { ...
2024-01-10
vue-cropper插件实现图片截取上传组件封装
基于vue-cropper插件实现图片截取上传组件封装的具体代码，供大家参考，具体内容如下需求场景：后台开发需要上传图片并进行相应比例尺寸图片的截取,本组件开发采用Ant Design Vue组件库搭配vue-cropper插件进行封装实现如下html<template> <div> <a-upload name="avatar" list-type="picture-card" clas...
2024-01-10
c# 管理NuGet程序包 插件安装失败
安装插件：MaterialDesignThemes和MaterialDesignColors编译器版本：vs2012安装失败原因：只能在同源 AppDomain 中执行动态操作。回答檢查你的config是否有<trust legacyCasModel="true" />有的話設定為false...
2024-01-10
chrome 浏览器 vue 点击事件位置错乱？
chrome 浏览器移动端模拟器里面 vue 点击事件位置错乱？ 但是在pc端是正常的 点击的是元素外边也会触发，点击事件，现在怎么调整呢？ 111 上绑定了 @click 事件，现在点击颜色区域外边，在模拟器上也会执行点击事件<div @click.stop="test"></div>//main.js 里面<script> App = createApp({ setup()...
2024-02-21
【Vue】恳请各位答疑解惑，iview的Anchor锚点组件，无法定位的问题
首先是我如果写静态的页面锚点是没有问题，有问题的是渲染出来的页面数据，锚点的数据也是渲染出来的，然后锚点数据出现以后出现后，点击锚点，页面并不跳转，我找到这样的数据，看数据是因为offset的数据不对，但是这个数据应该不是本地写死的吧，而是根据id的位置判断的吧各位大佬有遇到...
2024-01-10Vue.directive使用注意(小结)
指令钩子函数会被传入以下参数：el：指令所绑定的元素，可以用来直接操作 DOM 。binding：一个对象，包含以下属性：vnode：Vue 编译生成的虚拟节点。移步 VNode API 来了解更多详情。 ◦name：指令名，不包括 v- 前缀。◦value：指令的绑定值，例如：v-my-directive="1 + 1" 中，绑定值为 2。◦oldValue：指令...
2024-01-10
vue中echarts引入中国地图的案例
如下所示：<div id="myChartChina" :style="{width: '100%', height: '500px'}"></div> mounted() { this.drawLine(); }, drawLine(){ // 基于准备好的dom，初始化echarts实例 var myChartContainer = document.getElementById('myChartChina'); var resizeMyChartContainer ...
2024-01-10
vue3新特性及和vue2的区别
vue3新特性：更快更小更易于维护更多原生支持更易于开发使用重写虚拟DOM优化插槽生成静态树提升基于Proxy的观察者机制使vue更小1） 以es5为基础，更小更快。（快：Proxy重构虚拟dom功能，小：支持tree-shaking，运行时的最小体积将低于10kb）2） 支持TS 3.0源码使用TS编写（Typescript）3）优化插槽...
2024-01-10这vue个抽奖轮盘不展示滚动效果呢（就是滚动时isActive没有效果，只有开始和结束是展示的）？
<li class="itemLi" v-for="(item,index) in initData.awardConfigList" :key="index"> <div class="startButton" v-if="index == 4" @click="onStart">-{{initData.conPoint}}积分</div> ...
2024-02-06
React:快速上手(5)——掌握Redux(2)
本文部分内容参考阮一峰的Redux教程。React-Redux原理React-Redux运行机制 我觉得这张图清楚地描述React-Redux的运行机制： React-Redux将组件划分为两类，第一类是UI组件：只负责 UI 的呈现，不带有任何业务逻辑没有状态（即不使用this.state这个变量）所有数据都由参数（this.props）提供不使用任...
2024-01-10
euv和duv区别
品牌型号：iPhone 14系统：iOS 16.1.2euv和duv区别：1、制程范围不同。duv：基本上只能做到25nm，Intel凭借双工作台的模式做到了10nm，却无法达到10nm以下。euv：能满足10nm以下的晶圆制造，并且还可以向5nm、3nm继续延伸。2、发光原理不同。duv：光源为准分子激光，光源的波长能达到193纳米。euv：激光激发等离子来发射EUV光子，光源的波长则为...
2024-02-02
React和Vue区别
1.监听数据变化的实现原理不同Vue通过 getter/setter以及一些函数的劫持，能精确知道数据变化。React默认是通过比较引用的方式（diff）进行的，如果不优化可能导致大量不必要的VDOM的重新渲染。为什么React不精确监听数据变化呢？这是因为Vue和React设计理念上的区别，Vue使用的是可变数据，而React更强...
2024-01-10
关于 Vue 和 React 区别的一些笔记
github.com/lihongxun945/myblog/issues/21这篇文章记录我在使用Vue和React的时候，对他们的不同之处的一些思考，不仅局限于他们本身，也会包括比如 Vuex/Redux 等经常搭配使用的工具。因为涉及到的内容很多，可能下面的每一个点都能写成一篇文章，这次先简单做一个概要，等我有空做一个详细的专题出来。...
2024-01-10
Vue实现active点击切换
循环的情况：1、点击时传入index索引（获取当前点击的是哪个）@click="active(index)"2、将索引值传入class（索引等于几就第几个添加active类）:class="{active:index==ins}"3、在data里边添加ins：0（表示默认第一个添加active类）data{ ins：0 } 4、最后在methods里边添加方法ctive (num) { this.ins=num ...
2024-01-10
vue基于echarts实现立体柱形图
立体柱形图是由前面、右面、上面三部分组成，绘制时需要先绘制前面为一个图形，右面和上面绘制为一个图形，然后在echats中注册，在option的series中renderItem中渲染代码如下：（1）注册绘制图形registry () { let MyCubeRect = this.$echarts.graphic.extendShape({ shape: { x: 0, y: 0, width...
2024-01-10
